@charset "utf-8";
/* CSS Document */
* {margin:0px;padding:0px;box-sizing:border-box;}

html {
    font-size: 16px;
}
/* 划分等分 */
@media screen and (min-width: 320px){
    html{
        font-size: 36px;
    }
}
@media screen and (min-width: 750px){
    html{
        font-size: 50px;
    }
}
body {font-family:"Microsoft Yahei";font-size:16px;color:#333;text-align:left;background:#fff;margin:0px auto;overflow-x: hidden;min-width:1260px;width: 100%;}
a:focus {outline:none;}
a {color:#333;text-decoration:none;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
a:hover {color:#d6000e;}
ul, li {list-style:none;}
img {border:none;}
.no-dis {display:none !important;}
.w1200 {width:1200px;margin:45px auto 0px;}
.w969 {width:914px;margin:0px auto 0px;}
.k1200 {width:1200px;margin:0 auto 0px;}
.zzbbna {width:914px;height:56px;}
.zzbbna ul {width:100%;height: 40px; margin:0px auto;display: flex;justify-content: space-between;}
.zzbbna ul li {overflow: hidden; width:150px;height:100%;border: 1px #d7000f solid;border-radius: 15px;}
.zzbbna ul li a {display:block;position:relative;height:40px;line-height:40px;font-size:20px;font-weight:600;color:#d7000f;text-align:center;}
.zzbbna ul li a:hover {background:#d7000f;color:#fff;}
.zzbbna ul li.on a {background:#d7000f;color:#fff;}

.fix-wrap-box{
    width: 100%;
}
/* .banner {
    overflow: hidden;
    width: 100%;
    max-width: 2560px;
    height: 892px;
    background: url(img/banner.jpg) no-repeat center 0px;
    background-size: cover;
    margin: 0px auto;
    position: absolute;
    left: 0;
    right: 0;
    min-width: 1260px;
    
} */
.banner {
    overflow:hidden;max-width:2560px;background-size: cover;margin:0px auto;width: 100%;
    left: 0;
    min-width: 1260px;
    right: 0;
    text-align: center;
    background: #fe6d2e;
}
.banner-mediaquery  img{max-width: 100%;height: auto;}
.banner-mediaquery{
    display: none;
}
.bottom-banner-mediaquery  img{max-width: 100%;height: auto;}
.bottom-banner-mediaquery{
    display: none;
}
.banner  img{max-width: 100%;height: auto;}
.bottom-banner-w{
    height:500px;
    overflow-y: hidden;
    margin-bottom: 10px;
}
.bottom-banner {overflow:hidden;width:100%;max-width:1920px;height:639px;background:url(../images/bottom-banner.png) no-repeat center 0px;background-size: cover;margin:0px auto;}
.banner-wap {display:none;}
.wap {display:none;}
.xfb {overflow:hidden;width:878px;height:44px;background:url(img/bj11.jpg) no-repeat 0px 0px;margin:30px auto 0px;}
.xfb h3 {float:left;font-size:32px;color:#fff;letter-spacing:10px;text-align:center;width:328px;height:44px;line-height:40px;padding-left:268px;}
.xfb h3 a {color:#fff;}
.xfb h3 a:hover {color:#fff;}
.xfb h4 {float:right;font-size:16px;color:#bc0307;font-weight:normal;padding:20px 170px 0 0;}
.xfb h4 a {color:#bc0307;}
.xfb h4 a:hover {color:#bc0307;}

.menu {width:166px;font-size:0;text-align:center;display: flex;flex-direction: column;}
.menu li {    
    width: 166px;
    height: 43px;
    border-radius: 8px;
    margin-bottom: 20px;
    border: 1px solid #FE6C2D;
}
.menu li.active{
    background: #FE6C2D;
}
.menu li:last-child {margin-right:0;}
.menu li a {font-weight:bold;font-size: 27px;color: #595757;}
.menu li.active a{
    color:#fff;
}
.intro-info {margin:45px auto 0px;padding:45px 57px 0px;line-height:38px;width:100%;height:240px;background:url(img/bg-01.png) no-repeat center center;background-size:100% 240px;}
.intro-info p {text-indent:2em;font-weight:600;font-size:22px;color:#d6000e;text-align:justify;}

.lan-title {position:relative;margin:45px auto 0;width:100%;height:59px;}
/* .lan-title img { vertical-align:top;} */
.lan-title .more {position:absolute;top:0;right:6px;line-height:59px;font-size:14px;color:#d6000e;}

.data-list {margin:0px auto 50px;width:100%;font-size:0;}
.data-list li {display:inline-block;margin-right:35px;position:relative;width:280px;background:#FFF;}
.data-list li:nth-child(3n) {margin-right:0;}
.data-list li:nth-child(n + 4) {margin-top:50px;}
.data-list li .pic {position:relative;width:100%;height:430px;background:#f3f3f3;}
.data-list li .pic img {max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:3;}
.data-list li .pic .icon-video {position:absolute;top:50%;left:50%;width:34px;height:34px;background:url(img/icon-play.png) no-repeat center center;transform:translate(-50%, -50%);z-index:4;}
.data-list li .title {height:24px;line-height:24px;margin-top:10px;}
.data-list li .title a {display:block;height:24px;line-height:24px;font-weight: bold;color: #2F2F2F;font-size:20px;text-align:center;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.data-list li h3 {margin-top:5px;height:18px;line-height:18px;font-weight:normal;font-size:16px;color:#2F2F2F;text-align:center;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.data-list li .other-info {margin-top:10px;text-align:center;font-size:0;}
.data-list li .other-info .btn {display:inline-block;width:55px;height:19px;}
.data-list li .other-info .btn.look {background:url(img/icon-look.png) no-repeat center center;}
.data-list li .other-info .btn.download {margin-left:0;background:url(img/icon-down.png) no-repeat center center;}
.data-list li .votenum {
    margin-top:10px;text-align:center;font-size:16px;
    height: 22px;
    line-height: 22px;
    color: #333;
    text-align: center;
}
.data-list li .votenum .num{
    color: #d7000f;
}

.data-list li .icon-type {position:absolute;right:0;bottom:0;width:53px;height:53px;}
.data-list li .icon-type.pic {background:url(img/icon-pic.png) no-repeat center center;}
.data-list li .icon-type.video {background:url(img/icon-video.png) no-repeat center center;}
.data-list li .icon-type.h5 {background:url(img/icon-h5.png) no-repeat center center;}

.box33 {width:1200px;margin:30px auto 0;}
.box33 .focus {position:relative;width:1200px;margin: 0 auto;}
.box33 .swiper-container{width:100%;overflow:hidden;}
.box33 .swiper-container .swiper-slide {position:relative;width:285px;border:1px solid #dbdbdb;box-sizing:border-box;}
.box33 .swiper-container .swiper-slide .pic{padding:3px;position:relative;height:416px;background:#f1f1f1;}
.box33 .swiper-container .swiper-slide .pic a {display:block;width:100%;height:100%;}
.box33 .swiper-container .swiper-slide .pic img {max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.box33 .swiper-container .swiper-button-next:after,.box33 .swiper-container .swiper-button-prev:after {display:none;}
.box33 .swiper-container .swiper-button-prev {position: absolute; width:38px;height:38px;left:-48px;background:url(img/left.png) no-repeat center center;}
.box33 .swiper-container .swiper-button-next {position: absolute;width:38px;height:38px;right:-48px; background:url(img/right.png) no-repeat center center;}
.box33 .swiper-container .swiper-slide .title {height:50px;line-height:50px;padding:0px 14px;text-align:center;overflow:hidden;}
.box33 .swiper-container .swiper-slide .title a {font-size:16px;}

.month-list {margin:0px auto 30px;width:100%;font-size:0;}
.month-list li {margin-right:15px;display:inline-block;width:81px;height:36px;line-height:36px;border:1px solid #FE6C2D;box-sizing:content-box;}
.month-list li:last-child {margin-right:0;}
.month-list li a {display:block;height:36px;line-height:36px;background:#fff;font-size:16px;color:#b1b1b1;text-align:center;}
.month-list li.on a, .month-list li a:hover {background:#FE6C2D;color:#fff;}
.month-list li.disabled {border-color: #eee;}
.month-list li.disabled a:hover {background:#fff;color:#b1b1b1;}

.mbxwh {width:914px;margin:0px auto;line-height:80px;}
.mbxwh h3 {font-size:16px;color:#7b7b7b;font-weight:normal;}
.mbxwh{
    line-height: inherit;
    margin-bottom: 50px;
  }
  .mbxwh h3{
    font-size: 24px;
  }
.mbxwh h3 a {color:#7b7b7b;}
.mbxwh h3 a:hover {color:#3c3685;}

.content-info {overflow:hidden;text-align:center;margin:0 auto;}
.content-info p:nth-child(n+2) {margin-top:15px;}
.content-info p img {padding:1px;border:1px solid #ccc;}
.content-info .video {margin: 0px auto; background-color: rgb(0, 0, 0); width: 1000px; height: 562px; cursor: pointer;}
.content-info .qrcode {margin:25px auto 0;}
.content-info .qrcode .link {margin-top:20px;font-size:16px;}

.item-info {position:relative;width:1200px;margin:40px auto 0px;padding:10px 30px;background:#f3f3f3;overflow:hidden;}
.item-info .info-title {width:100%;font-size:16px;line-height:32px;}
.item-info .info-title span {font-size:16px;}
.item-info .btn {position:absolute;right:30px;bottom:10px;}
.item-info .btn img {width:30px;}

.tips-list {width:914px;margin:0 auto 0px;}
.tips-list p {margin-bottom:8px;line-height:30px;text-indent:2em;font-size:16px;color:#333;text-align:justify;}
.tips-list p.title {text-indent:0;font-size:18px;}
.tips-list .title.sec {margin-top:20px;}

.txt-list {margin-top:30px;}
.txt-list p {line-height:28px;text-indent:2em;font-size:16px;}
.txt-list p a {color:#d6000e;}

.other-btn {width:914px;margin:30px auto 0;overflow:hidden; margin-bottom: 30px;}
.other-btn .btn {width:48%;height:33px;line-height:33px;}
.other-btn .btn a {display:inline-block;font-weight:600;font-size:16px;color:#333;}
.other-btn .btn:first-child {float:left;}
.other-btn .btn:first-child a {padding-left:40px;background:url(img/icon-prev.png) no-repeat top left;}
.other-btn .btn:last-child {float:right;text-align:right;}
.other-btn .btn:last-child a {padding-right:40px;background:url(img/icon-next.png) no-repeat top right;}


.page{margin: 30px auto 0;
text-align: center;
width: 914px;}
.page a{border:1px #e5e5e5 solid;display:inline-block;padding:0 8px;margin:0 4px;height:30px;text-decoration:none;vertical-align:middle; line-height:28px;cursor:pointer;}
.page a:hover{border:1px #FE6C2D solid;color:#333}
.page span{display:inline-block;border:1px #FE6C2D solid;padding:0 8px;height:30px;line-height:28px;margin:0 4px;vertical-align:middle;}
.page .now a{color:#fff;border:1px #FE6C2D solid}
.page .pre-n,.page .next-n{border:1px #e5e5e5 solid;color:#999;padding:4px 8px 0;*padding-top:5px;height:22px;*height:21px;margin:0 4px}
.page table {margin:0 auto;}
.page table td {line-height:18px;}
.page input {height:22px;line-height:22px;}
#pagenav {vertical-align:middle;}

.pagination{
    display: flex;
    justify-content: center;
    /* margin-top: 50px; */
    margin-bottom: 65px;
}
.el-pagination .btn-prev{
    padding-left: 5px !important;
    padding-right: 5px!important;
    background: #fff;
}
.el-pagination .btn-next{
    padding-left: 5px!important;
    padding-right: 5px!important;
    background: #fff;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #FE6C2D!important;
    color: #fff;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    /* color: #FE6C2D!important; */
    color: #fff;
}

.footer {overflow:hidden;font-size:12px;color:#666;text-align:center;background:#e5e5e5;width:100%;max-width:2560px;line-height:24px;margin:45px auto 0px;padding:25px 0px 20px;}
.footer h2 {padding:0px 0px 8px;}
.footer h3 {font-size:14px;font-weight:normal;line-height:32px;}
.footer a {color:#666;}
.footer a:hover {color:#ec0000;}

.banner-wap, .lan-title-wap {display:none;}
.content-main{
    display: flex;
    justify-content: center;    
    width: 1200px;
    margin: 0 auto;
    margin-top: 67px;
  }
  .menu{
    margin-right: 120px;
  }
.index-wrap{
    width: 1200px;
}
.index-right{
    width: 914px;
}
.index-main{
    padding-bottom:78px;

}
.i-video-box{
    margin-top: 15px;
}
.i-tit-box{
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 26px;
    margin-top: 15px;
    position: relative;
    padding-left: 14px;
}
.i-tit-box-en{
    color: #ccc;
    font-size: 12px;
}
.i-tit-box::before{
    content: ' ';
    width: 6px;
    height: 26px;
    background: #FE6C2D;
    display: block;
    position: absolute;
    left:0;
    
}
.video-innbox{
    margin-top: 34px;
}
.index-act-tit{
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 36px;
    margin-bottom: 20px;
}
.index-act-des{
    font-size: 15px;
    color: #333;
    line-height: 32px;
    padding-bottom: 37px;
}
.line-split{
    height: 0;
    border-top: 1px solid #ccc;
    margin-left: -37px;
    margin-right: -37px;
    margin-bottom: 30px;
}
.index-act-flex{
    display: flex;
    justify-content: space-between;
}
.i-tit-box-c{
    font-size: 15px!important;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 30px;
}
.index-act-flex-left{
    width: 264px;
}
.index-act-flex-right{
    width: 880px;
}
@media only screen and (min-width:0px) and (max-width:850px)
{
    body{
        min-width: 100%;
    }
    .index-right{
        width: 100%;
    }
    .index-main{padding-bottom: 0;}
    .menu{
        width: 100%;
        flex-flow: row wrap;
    }
    .menu li {  
        line-height: .6rem;
        margin-right: .28rem;
        height: .6rem;
        width: 25%;
    }
    .menu li a{
        font-size: .4rem;
    }
    .line-split{
        margin-left: 0;
        margin-right: 0;
    }
    .fix-wrap-box .banner{
        display: none;
    }
    .fix-wrap-box .banner-mediaquery{
        display: block;
        font-size: 0;
        background-color: #FE6C2D;
    }
    .content-main{
        margin-top: 0;
        flex-direction: column;
        padding: .8rem;
        width: 100%;
        box-sizing: border-box;
    }
    .index-act-tit{
        font-size: .7rem;
    }
    .menu{
        flex-direction: row;
        margin-right: 14px;
    }
    .bottom-banner-w{
        height: auto;
    }
    .bottom-banner{
        display: none;
    }
    .bottom-banner-mediaquery{
        display: block;
    }
    .foot-iframe{
        height: 5rem;
    }
    .data-list{
        display: flex;
        justify-content: space-between;
        flex-flow: row wrap;
        margin-bottom: 0;
    }
    .data-list li{
        width: 48.5%;
        margin-right: 1%;
        margin-bottom: 1rem;
    }
    .data-list li:nth-child(2n){
        margin-right: 0;
    }
    .data-list li .pic {
        height:8rem;
    }
    .data-list li:nth-child(n + 4) {margin-top:0;}
    .zzbbna{
        height: auto;
        margin-bottom: 1.16rem;
        width: 100%;
        overflow-x: scroll;
    }
    /* .zzbbna::-webkit-scrollbar {
        width: 0;
      } */
    .zzbbna ul{
        justify-content: inherit;
    }
    
    .zzbbna ul li{
        background-color: transparent;
        color: #403F3F;
        border: 0;
        width: 20%;
        /* width: auto; */
        /* padding-right: 26px; */
        padding-right: .5rem;
        white-space: nowrap;
        font-weight: bold;
    }
    .zzbbna ul li:last-child{
        padding-right: 0
    }
    .zzbbna ul li a{
        color: #403F3F;
        /* font-weight: normal; */
        font-size: .4rem;
    }
    .zzbbna ul li.on a{
        color: #FE6D2E;
    }
    .zzbbna ul li.on a{
        background-color: transparent;
    }
    .zzbbna ul li a:hover{
        background-color: transparent;
        color: #FE6D2E;
    }
    
    .zzbbna{
        border-bottom:1px solid #c4c4c5 ;
    }
    .pagination{
        margin-bottom: 0;
    }
    .mbxwh{
        font-size: 12px;
        width: 100%;
        margin-bottom: 24px;
    }
    .mbxwh h3{
        font-size: 12px;
    }
    .other-btn{
        width: 100%;
        overflow: visible;
    }
    .other-btn .btn{
        height: auto;
        width: 100%;
    }
    .tips-list{
        width: 100%;

    }
    
}

/* @media only screen and (min-width:0px) and (max-width:850px)
{
    .banner, .lan-title {display:none;}
    .banner-wap, .lan-title-wap, .wap {display:block;}
    .banner-wap {width:100%;}
    .banner-wap img {width:100%;vertical-align:top;}
    .w1200 {width:94%;margin-top:3%;}
    .k1200 {width:94%;margin:0 auto;}
    
    .menu {padding:2% 0;width:100%;height:auto;}
    .menu li {margin-right:0;width:25%;height:auto;line-height:normal;}
    .menu li a {line-height:30px;font-size:16px;}
    
    .intro-info {margin:3% auto 0px;padding:0;line-height:30px;width:100%;height:auto;background:none;}
    .intro-info p {text-indent:2em;font-weight:normal;font-size:16px;color:#d6000e;text-align:justify;}
    
    .lan-title-wap {margin-top:5%;position:relative;width:100%;height:2.2rem;background:url(img/wap-01.png) no-repeat center left;background-size:cover;}
    .lan-title-wap .more {position:absolute;right:0;bottom:10px;font-size:14px;color:#999;}
    .lan-title-wap.one {background-image:url(img/wap-01.png);}
    .lan-title-wap.two {background-image:url(img/wap-02.png);}
    .lan-title-wap.three {background-image:url(img/wap-03.png);}
    .lan-title-wap.four {background-image:url(img/wap-04.png);}
    .lan-title-wap.five {background-image:url(img/wap-05.png);}
    .lan-title-wap.six {background-image:url(img/wap-06.png);}
    .lan-title-wap.seven {background-image:url(img/wap-07.png);}
    
    .data-list {margin:4% auto 0;width:100%;overflow:hidden;}
    .data-list li {display:block;padding:6px 6px 16px;margin-right:0;float:left;position:relative;width:48.5%;background:#f3f3f3;}
    .data-list li:nth-child(2n) {float:right;}
    .data-list li:nth-child(4n) {margin-right:0;}
    .data-list li:nth-child(n + 5) {margin-top:0;}
    .data-list li:nth-child(n + 3) {margin-top:3%;}
    .data-list li .pic {height:7.5rem;}
    .data-list li .pic .icon-video {width:28px;height:28px;background-size:28px 28px;}
    .data-list li .title {height:24px;line-height:24px;margin-top:10px;}
    .data-list li .title a {display:block;height:24px;line-height:24px;font-size:16px;text-align:center;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
    .data-list li h3 {margin-top:5px;height:24px;line-height:24px;font-weight:normal;font-size:15px;color:#666;text-align:center;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
    .data-list li .other-info {margin-top:10px;text-align:center;font-size:0;}
    .data-list li .other-info .btn {display:inline-block;width:55px;height:19px;}
    .data-list li .other-info .btn.download {margin-left:2%;}
    .data-list li .icon-type {position:absolute;right:0;bottom:0;width:53px;height:53px;}
    
    .box33 {width:100%;margin:4% auto 0;}
    .box33 .focus {width:100%;margin: 0 auto;}
    .box33 .swiper-container{width:100%;overflow:hidden;}
    .box33 .swiper-container .swiper-slide .pic{padding:3px;position:relative;height:282px;background:#f1f1f1;}
    .box33 .swiper-container .swiper-slide .pic a {display:block;width:100%;height:100%;}
    .box33 .swiper-container .swiper-slide .pic img {max-width:100%;max-height:100%;}
    .box33 .swiper-container .swiper-button-next:after,.box33 .swiper-container .swiper-button-prev:after {display:none;}
    .box33 .swiper-container .swiper-button-prev {display:none;}
    .box33 .swiper-container .swiper-button-next {display:none;}
    .box33 .swiper-container .swiper-slide .title {height:38px;line-height:28px;padding:5px 10px;}
    .box33 .swiper-container .swiper-slide .title a {font-size:14px;}
    
    .month-list {margin:0 auto 0;width: 100%;overflow-x: scroll;}
    .month-list ul {display: flex;width: max-content;height:40px;flex-wrap: nowrap;overflow: hidden;}
    .month-list li {margin-right:2%;width:64px;height:28px;line-height:28px;}
    .month-list li a {height:28px;line-height:28px;font-size:14px;}
    
    .mbxwh {padding:2% 0;width:94%;line-height:30px;}

    .content-info {width:94%;}
    .content-info p:nth-child(n+2) {margin-top:2%;}
    .content-info p img {max-width:100% !important;}
    .content-info .video {width: 100% !important; height: 16.3rem !important;}
    .content-info .video video {width:100% !important;height:100% !important;}
    .content-info .qrcode {margin:6% auto 0;}
    .content-info .qrcode .link {margin-top:3%;font-size:16px;}

    .item-info {position:relative;width:94%;margin:4% auto 0px;padding:2%;}
    .item-info .info-title {width:100%;font-size:14px;line-height:28px;}
    .item-info .info-title span {font-size:14px;}
    .item-info .btn {right:3%;bottom:9px;}
    .item-info .btn img {width:26px;}
    
    .tips-list {width:94%;}
    .tips-list p {margin-bottom:4px;line-height:26px;text-indent:0;font-size:14px;}
    .tips-list p.title {font-size:16px;}
    .tips-list .title.sec {margin-top:3%;}
    
    .txt-list {margin-top:3%;}
    .txt-list p {line-height:28px;text-indent:0;font-size:16px;}
    
    .other-btn {width:94%;margin:5% auto 0;}
    .other-btn .btn {width:48%;height:28px;line-height:26px;}
    .other-btn .btn span {display:none;}
    .other-btn .btn a {font-weight:normal;font-size:14px;}
    .other-btn .btn:first-child a {padding-left:34px;background-size:auto 100%;}
    .other-btn .btn:last-child a {padding-right:34px;background-size:auto 100%;}
    
    .page{margin: 4% auto 0;width: 100%;}
    .page a{border:1px #e5e5e5 solid;display:inline-block;padding:0 8px;margin:0 4px;height:30px;text-decoration:none;vertical-align:middle; line-height:28px;cursor:pointer;}
    .page a:hover{border:1px #FE6C2D solid;color:#333}
    .page span{display:inline-block;border:1px #FE6C2D solid;padding:0 8px;height:30px;line-height:28px;margin:0 4px;vertical-align:middle;}
    .page .now a{color:#fff;border:1px #FE6C2D solid}
    .page .pre-n,.page .next-n{border:1px #e5e5e5 solid;color:#999;padding:4px 8px 0;*padding-top:5px;height:22px;*height:21px;margin:0 4px}
    .page table {margin:0 auto;}
    .page table td {line-height:18px;}
    .page input {height:22px;line-height:22px;}
    #pagenav {vertical-align:middle;}

    
} */